<!--
 * @Description: 
 * @Author: chaixinyu
 * @Date: 2022-12-25 17:29:57
 * @LastEditors: 47
 * @LastEditTime: 2023-01-06 15:16:26
-->
<template>
  <div class="task-point">

    <!-- 任务点未完成 -->
    <div class="section-content" v-if="point == 0">
      <span class="iconfont icon-yuanxingxuanzhong" :class="{checked:false,unChecked:true}"></span>
      <span class="content-font">任务点</span>
    </div>

    <!-- 任务点完成 -->
    <div class="section-content" v-if="point == 1">
      <span class="iconfont icon-yuanxingxuanzhong" :class="{checked:true,unChecked:false}"></span>
      <span class="content-font">任务点已完成</span>
    </div>


  </div>
</template>

<script setup>
import {  defineProps } from 'vue'

const props = defineProps(['point'])

</script>

<style lang="less" scoped>
 .section-content{
    padding-left: 10px;
    display: flex;
    flex-flow: row;
    // border-bottom: 1px solid #f5f6f8;
    .checked{
      font-size: 20px;
      color: green;
      margin-top: 3px;
    }
    .unChecked{
      font-size: 20px;
      color: #fc8802;
      margin-top: 3px;
    }
    .content-font{
      margin-left: 8px;
      line-height: 30px;
      font-size: 13px;
    }
}
</style>
